<template>
  <a-layout style="height: 100vh">
    <a-layout-content style="background-color: #F2F2E6">
      <div style="text-align: center">
        <div style="text-align: center">
          <a-empty
            image="https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original"
            :image-style="{height: '30vh', marginTop: '25vh'}">
            <span slot="description" style="font-family: Open-Sans,sans-serif; font-weight: bold; font-size: 16px"> Solution Not Found</span>
            <v-btn @click="goToCommunity"
                   style="font-family: '华文楷体',sans-serif; font-weight: bold">
              该解决方案暂无法查看，返回解决方案社区
            </v-btn>
          </a-empty>
        </div>
      </div>
    </a-layout-content>
  </a-layout>
</template>

<script>
  export default {
    name: "Solution_404",
    methods:{
      goToCommunity(){
        window.location.href='/solution_community'
      }
    }
  }
</script>

<style scoped>
  .childElement{
    position:absolute;
    height:500px;
    top:25%;
    left:35%;
    margin-top:-100px;
    margin-left:-100px;
  }


</style>
